<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>欢迎使用号簿管家</title>
<style type="text/css">
<!--
body {
	background-image: url(images/bg1.gif);
	background-repeat: repeat;
}
-->
</style></head>
<link rel="StyleSheet" href="css/dtree.css" type="text/css" />
<script type="text/javascript" src="js/dtree.js"></script> 
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/contacts.js"></script>
<script type="text/javascript" src="js/groups.js"></script>
<script type="text/javascript" src="js/thickbox.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" />
<style type="text/css">
.STYLE6 {
color:#FFFFFF;
font-size:13px;
text-align:center
}
.STYLE7 {
color:#336699;
font-family:"Arial","宋体";
font-size:12px;
line-height:130%;
}
.result {
	display:block;
}
#input_bg {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("images/input_bg.gif");
    background-position: 0 0;
    background-repeat: repeat;
    float: left;
    height: 22px;
    width: 248px;
	
}
.cursor1{
cursor:hand
}
#search{ 
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	BORDER-LEFT: medium none; 
	WIDTH: 200; 
	COLOR: #000000; 
	BORDER-BOTTOM: medium none; 
	TEXT-DECORATION: none;
}
</style>

<body>
<table width="100%" border="1" cellspacing="1" bordercolor="#FFFFFF">
  <tr>
    <td height="102" colspan="3" bordercolor="#000000"><img src="images/top1.jpg" width="189" height="101"><img src="images/top3.jpg" alt="" width="291" height="99"><img src="images/top1.jpg" alt="" width="189" height="101"><img src="images/top2.jpg" width="572" height="100"></td>
  </tr>
  <tr>
    <td width="140" height="341" valign="top" bordercolor="#000000" id="left" >
	<div class="xxx">
	<script type="text/javascript">
	<!--
		var tree = new dTree('tree'); 
		tree.closeAll();
		tree.add(0, -1,"我的通讯录","","","","images/contact.png","images/contact.png");
		tree.add(1,0,"联系人管理","","","","images/contact1.png","images/contact1.png");
		tree.add(2,0,"群组管理","","","","images/group1.png","images/group1.png");
		tree.add(3,0,"个人信息","","","","images/contact2.png","images/contact2.png");
		tree.add(4,1,"查看联系人","javascript:getContactByOrder(0)","","","images/browse.png","images/browse.png");
		tree.add(5,1,"添加联系人","javascript:addContact()","","","images/contact3.png","images/contact3.png");
		tree.add(6,2,"查看群组","javascript:changeToGroup()","","","images/browse.png","images/browse.png");
		tree.add(7,2,"添加群组","javascript:addGroup()","","","images/group4.png","images/group4.png");
		tree.add(8,3,"修改我的信息","javascript:updateuser()","","","images/browse.png","images/browse.png");
		tree.add(9,3,"修改密码保护问题","javascript:changeQuestion()","","","images/group4.png","images/group4.png");
		tree.add(10,3,"修改登录密码","javascript:changePassword()","","","images/group4.png","images/group4.png");
		tree.add(11,0,"帮助","","","","images/help.jpg","images/help.jpg");
		tree.add(12,0,"退出","loginOut","","","images/exit.jpg","images/exit.jpg");
		tree.config.useStatusText = true;
		tree.config.inOrder = true;
		document.write(tree);
	//-->
	</script>
</div>
</td>
    <td width="1%" bordercolor="#000000"><img id="button" src="images/splitter_l.gif" title="点击关闭菜单" onClick="JavaScript:change()" state="true" width="9" height="79"></td>
    <td width="*" bordercolor="#000000">
	  <div id="frame">
  <table width="100%" border="1" >
    <tr>
      <td height="51" align="center"><div id="input_bg"> &nbsp;<input onKeyUp="instant();" type="text" style="color:rgb(178,178,178)" value="可搜索姓名/拼音" onClick="if(this.value=='可搜索姓名/拼音')this.value='';" id="search" name="contactContext"></div></td>
    </tr>
    <tr>
      <td height="329" valign="top">
      	<div><div id="result" align="center">&nbsp;</div>
      		<table id="contacts" width="100%" border="1">
        		<tr bgcolor="#1e84b4" class="STYLE6" id="ct">
          		 <td width="6%"><span class="STYLE1" ><input onclick='allChecked("allSelect","contacts","contact")' id="allSelect" type="checkbox"/>全选</span></td>
         		 <td width="6%" >姓名&nbsp; <img onClick="getContact(0)" id="order" style="cursor:pointer" class="cursor1" src="images/down.gif" /></td>
         		 <td width="4%">性别</td>
         		 <td width="10%">移动电话</td>
         		 <td width="18%">Email</td>
         		 <td width="8%">QQ</td>
         		 <td width="18%">MSN</td>
         		 <td width="8%">所属分组</td>
         		 <td width="6%">详细/编辑</td>
         		 <td width="8%">批量转移&nbsp;<img id="forward" title="请选择需要转移到的分组" onclick="JavaScript:forwardTo()" style="cursor:pointer" class="cursor1" title="转移到" src="images/forward.gif"/></td>
         		 <td width="8%">批量删除&nbsp;<img title="全部删除" onClick="JavaScript:delChecked()" style="cursor:pointer" class="cursor1" src="images/delAll.gif" /></td>
        		</tr>
      </table>
      	</div>      </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>
	</td>
  </tr>
</table>
</body>
</html>